<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title></title>
		<style type="text/css">
			//默认的
			*{
				margin: 0;
				padding: 0;
			}
			div{
				width:300px;
				height: 40px;				
				font: bold 14px "微软雅黑";
				background: #eee;
			}
			/*//用包的形式画一条下边线
			span{
				display: block;
				width: 80px;
				height: 20px;
				margin-top: 20px;
				padding-top: 8px;
				padding-bottom: 3px;
				//border: 1px solid red;
				border-bottom: 3px solid orangered;
			}*/
			.line-1{
				width: 100%;
				height: 4px;
				background: white;
				float: left;
				/*position: absolute;*/
				
			}
			.line-2{
				/*用绝对值不用百分数*/
				width: 100px;
				height: 4px;
				background: orangered;
				float: left;
				position: absolute;
				z-index: 10;
			}
		</style>
	</head>
	<body>
		<div>
			<span>热门景点</span>
			<div class="line-1"></div>
			<div class="line-2"></div>
		</div>
	</body>
</html>
